<template>
  <el-checkbox-group v-model="checkedCities" :min="1" :max="2">
    <el-checkbox
      v-for="city in cities"
      :key="city"
      :label="city"
      :value="city"
      >{{ city }}</el-checkbox
    >
  </el-checkbox-group>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const checkedCities = ref(['Shanghai', 'Beijing'])
const cities = ['Shanghai', 'Beijing', 'Guangzhou', 'Shenzhen']
</script>
